{"offset":26,"limit":25,"max":50,"nbHits":89,"exhaustiveNbHits":false,"processingTimeMs":10,"query":"","search":false,"response":{"exist_filter":"segmentoID:6 AND aplicacaoMotoMontadoras:\"Honda\"","docs":[{"ecommerceNomeCompleto":"Rolamento Diferencial Traseiro Honda Quadriciclo Fourtrax 420 08>13","ecommerceNome":"Rolamento Diferencial Traseiro Honda","ecommerceBusca":"Rolamento Diferencial Traseiro Honda Quadriciclo Fourtrax 420 08>13 Rolamento Diferencial Traseiro Honda 6009ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6009-ZZ","produtoModeloBusca":"6009ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2938","produtoID":2938,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-18 20:31:40","catalogoID":38100,"produtoPeso":"0.2420","produtoMedida":"45x75x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Diferencial Traseiro Quadriciclo Fourtrax 420 08>13","ecommerceDescricao":"Quadriciclo Fourtrax 420 08>13","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91005-PL9-008","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 08>13"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2938.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2938.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2938.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6009-ZZ Rolamento Diferencial Traseiro Honda Quadriciclo Fourtrax 420 08>13 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6009-zz-ppk\/2938","aplicacao":"\/produto\/rolamento-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz\/2938","modal":"\/modal\/rolamento-rigido-de-esferas-6009-zz-ppk\/2938"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91005-PL9-008"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do C\u00e2mbio Honda YS 250 Fazer 06>10, XR 250 Tornado 01>08, CBX 250 Twister 01>08, NX 400 Falcon","ecommerceNome":"Rolamento do C\u00e2mbio Honda","ecommerceBusca":"Rolamento do C\u00e2mbio Honda YS 250 Fazer 06>10, XR 250 Tornado 01>08, CBX 250 Twister 01>08, NX 400 Falcon Rolamento do C\u00e2mbio Honda 62222RS","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"62\/22-2RS","produtoModeloBusca":"62222RS","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"15945","produtoID":15945,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-18 20:39:25","catalogoID":36736,"produtoPeso":"0.1300","produtoMedida":"22x50x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do C\u00e2mbio YS 250 Fazer 06>10, XR 250 Tornado 01>08","ecommerceDescricao":"YS 250 Fazer 06>10, XR 250 Tornado 01>08, CBX 250 Twister 01>08, NX 400 Falcon","ecommerceComplemento":"Transmiss\u00e3o Quadriciclo Fourtrax 420 08>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91005-657-008","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":null,"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 08>20"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/15945.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15945.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15945.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"62\/22-2RS Rolamento do C\u00e2mbio Honda YS 250 Fazer 06>10, XR 250 Tornado 01>08, CBX 250 Twister 01>08, NX 400 Falcon MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-62-22-2rs-mak\/15945","aplicacao":"\/produto\/rolamento-do-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs\/15945","modal":"\/modal\/rolamento-rigido-de-esferas-62-22-2rs-mak\/15945"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"}],"codigoOriginalLista":[{"name":"Honda","value":"91005-657-008"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento de Roda e Embreagem Honda Pop100 07>... | Suzuki Address V100, Let's II 50","ecommerceNome":"Rolamento de Roda e Embreagem Honda","ecommerceBusca":"Rolamento de Roda e Embreagem Honda Pop100 07>... | Suzuki Address V100, Let's II 50 Rolamento de Roda e Embreagem Honda 62002RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6200-2RSC3","produtoModeloBusca":"62002RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1771","produtoID":1771,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 18:04:35","catalogoID":32161,"produtoPeso":"0.0300","produtoMedida":"10x30x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Embreagem Honda Pop100 07>...","ecommerceDescricao":"Pop100 07>... | Suzuki Address V100, Let's II 50","ecommerceComplemento":"Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda para Pop100 | Rolamento 6200-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6200-2RSC3 PPK para roda \u00e9 produzido com tratamento te\u0301rmico para alta durabilidade e resist\u00eancia. Ao repor o rolamentos da sua moto, escolha rolamento PPK.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6200-2RSC3, 6200-2RSC3, rolamento roda, rolamento Pop100, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646392\", \"348\", \"1777\", \"2814\"]","codigoOriginal":"Honda:91013-GFP-9000; Suzuki:08113-62007; Suzuki:08123-62007","codigoSimilar":"FAG:6200-2RSRC3; Nachi:6200-2NSE; NSK:6200-DDUC3; NTN:6200-LLUC3; SKF:6200-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["Cubo de roda","Embreagem central"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["ADDRESS V","LETS II","POP"],"aplicacaoMotoGrupo":["Motor","Roda"],"aplicacaoMotoSubGrupo":["Embreagem","Roda dianteira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Embreagem central, Motor, Embreagem"],"aplicacaoMotoModelosCompleto":["Honda POP 100 07>..."],"produtoPrecoConsumidor":1.9,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":3,"chave":2,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1771.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1771.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1771.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53640\/53640.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6200-2RSC3 Rolamento de Roda e Embreagem Honda Pop100 07>... | Suzuki Address V100, Let's II 50 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6200-2rsc3-ppk\/1771","aplicacao":"\/produto\/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3\/1771","modal":"\/modal\/rolamento-rigido-de-esferas-6200-2rsc3-ppk\/1771"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91013-GFP-9000"},{"name":"Suzuki","value":"08113-62007"},{"name":"Suzuki","value":"08123-62007"}],"codigoSimilarLista":[{"name":"FAG","value":"6200-2RSRC3"},{"name":"Nachi","value":"6200-2NSE"},{"name":"NSK","value":"6200-DDUC3"},{"name":"NTN","value":"6200-LLUC3"},{"name":"SKF","value":"6200-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento de Roda para Honda Pop110i, Biz110i, Roda Dianteira e Transmiss\u00e3o PCX 150","ecommerceNome":"Rolamento de Roda para Honda","ecommerceBusca":"Rolamento de Roda para Honda Pop110i, Biz110i, Roda Dianteira e Transmiss\u00e3o PCX 150 Rolamento de Roda para Honda 62012RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6201-2RSC3","produtoModeloBusca":"62012RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"490","produtoID":490,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-03 20:17:39","catalogoID":32191,"produtoPeso":"0.0370","produtoMedida":"12x32x10","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Honda Pop110i, Biz110i, Dianteira PCX 150","ecommerceDescricao":"Pop110i, Biz110i, Roda Dianteira e Transmiss\u00e3o PCX 150","ecommerceComplemento":"Transmiss\u00e3o CG150 Fan\/Titan, Biz C100 \/ C125, Pop100, Factor 125, NXR150 Bros | Yamaha YBR125","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Honda Pop110, Biz110, PCX150 | 6201-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6201-2RSC3 PPK \u00e9 aplicado em roda da Honda Pop110, Biz110 e PCX150. Rolamento de moto 6201-2RSC3 PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6201-2RSC3, 6201-2RSC3, rolamento roda, rolamento Pop110, rolamento PCX150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"490\", \"348\", \"1647586\", \"1646737\"]","codigoOriginal":"Honda:91006KZR601; Honda:91014-KRM-840; Honda:91014-KSS-900; Honda:91051-GFP-902; Honda:91052KVB901; Honda:96100-62010; Suzuki:08113-62010; Suzuki:08133-62017; Yamaha:93306-201X3","codigoSimilar":"FAG:6201-2RSRC3; Nachi:6201-2NSE; NSK:6201-DDUC3; NTN:6201-LLUC3; SKF:6201-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","BIZ","CG","LETS II","NXR","PCX","POP","RM","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda dianteira\/traseira "],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda dianteira\/traseira "],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda BIZ 125 06>...","Honda CG 125 05>...","Honda CG 150 ","Honda LETS II 50 ","Honda NXR 150 ","Honda POP 100 ","Suzuki ADDRESS AE 100 ","Suzuki RM 80 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.82,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":4,"chave":3,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/490.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/490.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/490.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53641\/53641.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6201-2RSC3 Rolamento de Roda para Honda Pop110i, Biz110i, Roda Dianteira e Transmiss\u00e3o PCX 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6201-2rsc3-ppk\/490","aplicacao":"\/produto\/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-e-transmisso-pcx-150-rolamento-de-roda-para-honda-62012rsc3\/490","modal":"\/modal\/rolamento-rigido-de-esferas-6201-2rsc3-ppk\/490"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91006KZR601"},{"name":"Honda","value":"91014-KRM-840"},{"name":"Honda","value":"91014-KSS-900"},{"name":"Honda","value":"91051-GFP-902"},{"name":"Honda","value":"91052KVB901"},{"name":"Honda","value":"96100-62010"},{"name":"Suzuki","value":"08113-62010"},{"name":"Suzuki","value":"08133-62017"},{"name":"Yamaha","value":"93306-201X3"}],"codigoSimilarLista":[{"name":"FAG","value":"6201-2RSRC3"},{"name":"Nachi","value":"6201-2NSE"},{"name":"NSK","value":"6201-DDUC3"},{"name":"NTN","value":"6201-LLUC3"},{"name":"SKF","value":"6201-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) Moto Aqu\u00e1tica","ecommerceNome":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a)","ecommerceBusca":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) Moto Aqu\u00e1tica Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) 6201ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6201-ZZ","produtoModeloBusca":"6201ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"15806","produtoID":15806,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 20:44:20","catalogoID":32185,"produtoPeso":"0.0380","produtoMedida":"12x32x10","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a)","ecommerceDescricao":"Moto Aqu\u00e1tica","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda e Transmiss\u00e3o 6201-ZZ PPK","ecommerceSeoDescricao":"Rolamentos da Roda e Transmiss\u00e3o PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"roda de moto, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk, BIZ100, BIZ125, CG125, CG150, DREAM C100, NXR150, BROS,YBR","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"490\", \"348\", \"2818\", \"1648300\"]","codigoOriginal":"Honda:91014-KRM-840; Honda:91014-KSS-900; Honda:91051-GFP-902; Honda:96100-62010; Sea Doo:290932797; Suzuki:08113-62010; Suzuki:08133-62017; Toyota:9036312002; Yamaha:93306-201X3","codigoSimilar":"FAG:6201-2ZR; Nachi:6201-ZZE; SKF:6201-2Z","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS AE","BIZ","CG","LETS II","NXR","POP","RM","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda dianteira\/traseira "],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda dianteira\/traseira "],"aplicacaoMotoModelosCompleto":["Honda BIZ 100 98>05","Honda BIZ 125 06>...","Honda CG 125 05>...","Honda CG 150 ","Honda LETS II 50 ","Honda NXR 150 ","Honda POP 100 ","Suzuki ADDRESS AE 100 ","Suzuki RM 80 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.92,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":5,"chave":4,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/15806.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/15806.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/15806.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6201-ZZ Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carca\u00e7a) Moto Aqu\u00e1tica PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6201-zz-ppk\/15806","aplicacao":"\/produto\/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz\/15806","modal":"\/modal\/rolamento-rigido-de-esferas-6201-zz-ppk\/15806"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91014-KRM-840"},{"name":"Honda","value":"91014-KSS-900"},{"name":"Honda","value":"91051-GFP-902"},{"name":"Honda","value":"96100-62010"},{"name":"Sea Doo","value":"290932797"},{"name":"Suzuki","value":"08113-62010"},{"name":"Suzuki","value":"08133-62017"},{"name":"Toyota","value":"9036312002"},{"name":"Yamaha","value":"93306-201X3"}],"codigoSimilarLista":[{"name":"FAG","value":"6201-2ZR"},{"name":"Nachi","value":"6201-ZZE"},{"name":"SKF","value":"6201-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160","ecommerceNome":"Rolamento de Roda Dianteira\/ Traseira para Yamaha","ecommerceBusca":"Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160 Rolamento de Roda Dianteira\/ Traseira para Yamaha 62022RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-2RSC3","produtoModeloBusca":"62022RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2818","produtoID":2818,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-03 20:41:45","catalogoID":32113,"produtoPeso":"0.0460","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Dianteira\/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250\/300","ecommerceDescricao":"YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6202-2RSC3 para Factor 125, Fazer 150 e CG125 PPK","ecommerceSeoDescricao":"O Rolamento 6202-2RSC3 PPK \u00e9 aplicado na roda da Factor 125, Fazer 150 e CG125. Rolamento PPK, confiabilidade e seguran\u00e7a em rolamento de roda para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6202-2RSC3, 6202-2RSC3, rolamento roda, rolamento CG125, rolamento Fazer 150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"2717\", \"1777\", \"16312\"]","codigoOriginal":"Honda:91004KZR601; Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020; Honda:96120-62020; Honda:96140-62020-10; Suzuki:08123-62027; Suzuki:08143-62027; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2RSRC3; Nachi:6202-2NSEC3; NSK:6202-DDUC3; NTN:6202-LLUC3; SKF:6202-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","Citycom","CRYPTON","Elite","FAZER","INTRUDER","KATANA","NX","NX-4","NXR","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.85,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":6,"chave":5,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2818.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2818.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2818.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50147\/50147.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50148\/50148.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50149\/50149.jpg?version=7.73"},{"id":4,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53642\/53642.jpg?version=7.73"}],"produtoGaleriaTotal":4,"produtoBusca":"6202-2RSC3 Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818","aplicacao":"\/produto\/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3\/2818","modal":"\/modal\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91004KZR601"},{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2RSRC3"},{"name":"Nachi","value":"6202-2NSEC3"},{"name":"NSK","value":"6202-DDUC3"},{"name":"NTN","value":"6202-LLUC3"},{"name":"SKF","value":"6202-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX","ecommerceNome":"Rolamento da Turbina para Jet Ski Kawasaki","ecommerceBusca":"Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX Rolamento da Turbina para Jet Ski Kawasaki 6202ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-ZZ","produtoModeloBusca":"6202ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2717","produtoID":2717,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 20:43:02","catalogoID":32111,"produtoPeso":"0.0460","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX","ecommerceDescricao":"Moto Aqu\u00e1tica 750, 900, 1100, STX","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Roda, Suspens\u00e3o e Transmiss\u00e3o 6202-ZZ PPK","ecommerceSeoDescricao":"Rolamentos PPK para moto para diversas aplica\u00e7\u00f5es, garantia de qualidade, seguran\u00e7a e durabilidade.","ecommerceSeoPalavrasChaves":"roda de moto, trasmiss\u00e3o, suspens\u00e3o, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647586\", \"2573\", \"448\", \"2710\"]","codigoOriginal":"Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020; Honda:96120-62020; Honda:96140-62020-10; Kawasaki:920453721; Suzuki:08123-62027; Suzuki:08143-62027; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2ZR; Nachi:6202-ZE; SKF:6202-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"1","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","CRYPTON","Elite","FAZER","INTRUDER","KATANA","NX","NX-4","NXR","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2717.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2717.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2717.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6202-ZZ Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717","aplicacao":"\/produto\/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz\/2717","modal":"\/modal\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Kawasaki","value":"920453721"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2ZR"},{"name":"Nachi","value":"6202-ZE"},{"name":"SKF","value":"6202-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira Honda BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400","ecommerceNome":"Rolamento de Roda Traseira Honda","ecommerceBusca":"Rolamento de Roda Traseira Honda BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400 Rolamento de Roda Traseira Honda 62032RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6203-2RSC3","produtoModeloBusca":"62032RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2573","produtoID":2573,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-27 20:57:57","catalogoID":32193,"produtoPeso":"0.0650","produtoMedida":"17x40x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Traseira Biz 100\/125, Bros 125\/150","ecommerceDescricao":"BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400","ecommerceComplemento":"Transmiss\u00e3o POP100, Dream100, BIZ C100\/125, Titan CG150\/160, Fan CG150\/160, Start CG160, Bros NXR150\/NXR160, Falcon NX400, Fourtrax 420 08>20 | Yamaha Crypton T105E, YBR125, Factor 125, XTZ125, YS250 Fazer, XTZ250 Lander | Flange da Coroa Roda Traseira Ninja 250\/300","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Traseira 6203-2RSC3 PPK para Biz 100, 125","ecommerceSeoDescricao":"O Rolamento 6203-2RSC3 PPK \u00e9 indicado para roda traseira da Honda Biz 100 e 125, Bros 125 e 150. Rolamento PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, motoparts, rolamento, rolamento 6203-2RSC3, 6203-2RS, rolamento roda traseira, rolamento Biz, rolamento Bros, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2573\", \"1648367\", \"1648771\", \"1777\"]","codigoOriginal":"Dafra:9536203P6I; Honda:91004-HC0-003; Honda:91013-KPS-732; Honda:91015-KRM-840; Honda:91015-KSS-900; Honda:91051-KVK-902; Honda:91053-MAY-003; Honda:96100-62030; Honda:96120-62030; Honda:96140-62030-10; Suzuki:08110-62030; Suzuki:08123-62037; Suzuki:08133-62037; Yamaha:93306-20335; Yamaha:93306-203XD; Yamaha:93306-203YG","codigoSimilar":"FAG:6203-2RSRC3; Nachi:6203-2NSEC3; NSK:6203-DDUC3; NTN:6203-LLUC3; SKF:6203-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Dafra","Honda","Kasinski","Sundown","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS V","AN","BIZ","C","CB","CBX","CG","COMET","DT","FAZER","Fourtrax","GSX","KANSAS","LETS II","MIRAGE","NX","NX-4","NXR","POP","WEB","XL","XLX","XR","XRE","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda ADDRESS V 100 ","Honda BIZ 100 ","Honda BIZ 125 ","Honda C 100 ","Honda CB 300 ","Honda CBX 200 ","Honda CBX 250 ","Honda CBX 750 90>94","Honda CG 125 05>...","Honda CG 150 ","Honda Fourtrax 420 08>20","Honda GSX 750 ","Honda LETS II 50 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda POP 100 ","Honda XL 250 ","Honda XLX 250 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Kasinski COMET 250 ","Kasinski MIRAGE 250 ","Sundown WEB 100 ","Suzuki AN 650 ","Yamaha DT 200 ","Yamaha FAZER 250 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":2.79,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":8,"chave":7,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2573.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2573.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2573.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53643\/53643.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6203-2RSC3 Rolamento de Roda Traseira Honda BIZ C100 \/ 125, XLR125, Bros NXR125 \/ NXR150 (Ld Esquerdo), XR200, Strada CBX200, Tornado XR250, Twister CBX250, CB300R, XLX350, Sahara NX350, XRE300, Falcon NX400 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6203-2rsc3-ppk\/2573","aplicacao":"\/produto\/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-rolamento-de-roda-traseira-honda-62032rsc3\/2573","modal":"\/modal\/rolamento-rigido-de-esferas-6203-2rsc3-ppk\/2573"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536203P6I"},{"name":"Honda","value":"91004-HC0-003"},{"name":"Honda","value":"91013-KPS-732"},{"name":"Honda","value":"91015-KRM-840"},{"name":"Honda","value":"91015-KSS-900"},{"name":"Honda","value":"91051-KVK-902"},{"name":"Honda","value":"91053-MAY-003"},{"name":"Honda","value":"96100-62030"},{"name":"Honda","value":"96120-62030"},{"name":"Honda","value":"96140-62030-10"},{"name":"Suzuki","value":"08110-62030"},{"name":"Suzuki","value":"08123-62037"},{"name":"Suzuki","value":"08133-62037"},{"name":"Yamaha","value":"93306-20335"},{"name":"Yamaha","value":"93306-203XD"},{"name":"Yamaha","value":"93306-203YG"}],"codigoSimilarLista":[{"name":"FAG","value":"6203-2RSRC3"},{"name":"Nachi","value":"6203-2NSEC3"},{"name":"NSK","value":"6203-DDUC3"},{"name":"NTN","value":"6203-LLUC3"},{"name":"SKF","value":"6203-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Roda Traseira Honda BIZ C100, C125, XLR125, NXR125 BROS, NXR150 BROS, XR200, CBX200 Strada, XR250 Tornado, CBX250 Twister, CB300R, XLX350, NX350 Sahara, XRE300, NX400 Falcon","ecommerceNome":"Rolamento da Roda Traseira Honda","ecommerceBusca":"Rolamento da Roda Traseira Honda BIZ C100, C125, XLR125, NXR125 BROS, NXR150 BROS, XR200, CBX200 Strada, XR250 Tornado, CBX250 Twister, CB300R, XLX350, NX350 Sahara, XRE300, NX400 Falcon Rolamento da Roda Traseira Honda 6203ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6203-ZZ","produtoModeloBusca":"6203ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"14801","produtoID":14801,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-16 11:52:07","catalogoID":32148,"produtoPeso":"0.0650","produtoMedida":"17x40x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Traseira Biz C100 \/ C125, Twister CBX250","ecommerceDescricao":"BIZ C100, C125, XLR125, NXR125 BROS, NXR150 BROS, XR200, CBX200 Strada, XR250 Tornado, CBX250 Twister, CB300R, XLX350, NX350 Sahara, XRE300, NX400 Falcon","ecommerceComplemento":"Transmiss\u00e3o T105E - Crypton, YBR 125, Factor 125, XTZ125, Fazer YS250, Lander XTZ250, POP100, Dream 100, BIZ C100, C125, Titan CG150\/CG160, Fan CG150\/CG160, Bros NXR150 \/ NXR160, CG160 Start, Falcon NX400","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2573\", \"1648367\", \"1648771\", \"1777\"]","codigoOriginal":"Dafra:9536203P6I; Honda:91013-KPS-732; Honda:91015-KRM-840; Honda:91015-KSS-900; Honda:91051-KVK-902; Honda:91053-MAY-003; Honda:96100-62030; Honda:96120-62030; Honda:96140-62030-10; Suzuki:08110-62030; Suzuki:08123-62037; Suzuki:08133-62037; Yamaha:93306-20335; Yamaha:93306-203XD; Yamaha:93306-203YG","codigoSimilar":"FAG:6203-2ZR; Nachi:6203-ZZE; SKF:6203-2Z","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda"],"aplicacaoMotoMontadoras":["Dafra","Honda","Kasinski","Sundown","Suzuki","Yamaha"],"aplicacaoMotoModelos":["ADDRESS V","AN","BIZ","C","CB","CBX","CG","COMET","DT","FAZER","GSX","KANSAS","LETS II","MIRAGE","NR","NX","NX-4","NXR","POP","WEB","XL","XLX","XR","XRE","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda ADDRESS V 100 ","Honda BIZ 100 ","Honda BIZ 125 ","Honda C 100 ","Honda CB 300 ","Honda CBX 200 ","Honda CBX 250 ","Honda CBX 750 90>94","Honda CG 125 05>...","Honda CG 150 ","Honda GSX 750 ","Honda LETS II 50 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda POP 100 ","Honda XL 250 ","Honda XLX 250 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Kasinski COMET 250 ","Kasinski MIRAGE 250 ","Sundown WEB 100 ","Suzuki AN 650 ","Yamaha DT 200 ","Yamaha FAZER 250 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":3.44,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14801.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14801.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14801.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6203-ZZ Rolamento da Roda Traseira Honda BIZ C100, C125, XLR125, NXR125 BROS, NXR150 BROS, XR200, CBX200 Strada, XR250 Tornado, CBX250 Twister, CB300R, XLX350, NX350 Sahara, XRE300, NX400 Falcon PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6203-zz-ppk\/14801","aplicacao":"\/produto\/rolamento-da-roda-traseira-honda-biz-c100-c125-xlr125-nxr125-bros-nxr150-bros-xr200-cbx200-strada-xr250-tornado-cbx250-twister-cb300r-xlx350-nx350-sahara-xre300-nx400-falcon-rolamento-da-roda-traseira-honda-6203zz\/14801","modal":"\/modal\/rolamento-rigido-de-esferas-6203-zz-ppk\/14801"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Dafra","value":"9536203P6I"},{"name":"Honda","value":"91013-KPS-732"},{"name":"Honda","value":"91015-KRM-840"},{"name":"Honda","value":"91015-KSS-900"},{"name":"Honda","value":"91051-KVK-902"},{"name":"Honda","value":"91053-MAY-003"},{"name":"Honda","value":"96100-62030"},{"name":"Honda","value":"96120-62030"},{"name":"Honda","value":"96140-62030-10"},{"name":"Suzuki","value":"08110-62030"},{"name":"Suzuki","value":"08123-62037"},{"name":"Suzuki","value":"08133-62037"},{"name":"Yamaha","value":"93306-20335"},{"name":"Yamaha","value":"93306-203XD"},{"name":"Yamaha","value":"93306-203YG"}],"codigoSimilarLista":[{"name":"FAG","value":"6203-2ZR"},{"name":"Nachi","value":"6203-ZZE"},{"name":"SKF","value":"6203-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda para Yamaha YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister | Suspens\u00e3o Traseira CB300R","ecommerceNome":"Rolamento de Roda para Yamaha","ecommerceBusca":"Rolamento de Roda para Yamaha YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister | Suspens\u00e3o Traseira CB300R Rolamento de Roda para Yamaha 62042RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6204-2RSC3","produtoModeloBusca":"62042RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"448","produtoID":448,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 19:06:35","catalogoID":32826,"produtoPeso":"0.1040","produtoMedida":"20x47x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Yamaha Fazer YS 250, Factor 150 | Roda Dianteira CG125 Titan at\u00e9 2000","ecommerceDescricao":"YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister | Suspens\u00e3o Traseira CB300R","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6204-2RSC3 para Fazer YS250  | Rolamento PPK 6204","ecommerceSeoDescricao":"O Rolamento 6204-2RSC3 PPK para roda \u00e9 produzido com tratamento te\u0301rmico que proporcionando alta durabilidade. Rolamento PPK, confiabilidade em rolamento de roda de moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6204-2RSC3, 6204-2RSC3, rolamento PPK 6204, rolamento roda, rolamento Fazer YS250, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2710\", \"2848\", \"1777\", \"348\"]","codigoOriginal":"Honda:91013-MCG-901; Honda:91013-MCG-902; Honda:91052-BEM-003; Honda:96150-62040-10; Suzuki:08130-62047","codigoSimilar":"FAG:6204-2RSRC3; Nachi:6204-2NSEC3; NSK:6204-DDUC3; NTN:6204-LLUC3; SKF:6204-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"3","aplicacaoMoto":["Cubo de roda"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CB","CBX","NX-4","XLX","XRE"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 450 89>92","Honda CBX 250 ","Honda CBX 750 90>94","Honda NX-4 400 ","Honda XLX 250 ","Honda XLX 350 ","Honda XRE 300 "],"produtoPrecoConsumidor":3.82,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/448.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/448.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/448.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53644\/53644.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6204-2RSC3 Rolamento de Roda para Yamaha YS 250 Fazer, Factor 150 | Transmiss\u00e3o CG125\/150 Titan, NXR125\/150 Bros, CBX250 Twister | Suspens\u00e3o Traseira CB300R PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6204-2rsc3-ppk\/448","aplicacao":"\/produto\/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister--suspenso-traseira-cb300r-rolamento-de-roda-para-yamaha-62042rsc3\/448","modal":"\/modal\/rolamento-rigido-de-esferas-6204-2rsc3-ppk\/448"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91013-MCG-901"},{"name":"Honda","value":"91013-MCG-902"},{"name":"Honda","value":"91052-BEM-003"},{"name":"Honda","value":"96150-62040-10"},{"name":"Suzuki","value":"08130-62047"}],"codigoSimilarLista":[{"name":"FAG","value":"6204-2RSRC3"},{"name":"Nachi","value":"6204-2NSEC3"},{"name":"NSK","value":"6204-DDUC3"},{"name":"NTN","value":"6204-LLUC3"},{"name":"SKF","value":"6204-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Yamaha T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq","ecommerceNome":"Rolamento do Virabrequim Yamaha","ecommerceBusca":"Rolamento do Virabrequim Yamaha T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq Rolamento do Virabrequim Yamaha 62052RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6205-2RSC3 (GREEN)","produtoModeloBusca":"62052RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"79","produtoID":79,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-27 20:56:44","catalogoID":32157,"produtoPeso":"0.1270","produtoMedida":"25x52x15","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim YBR125, Factor125, XTZ125 Dir\/Esq","ecommerceDescricao":"T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq","ecommerceComplemento":"Transmiss\u00e3o YS250 Fazer 06>10, XTZ250 Lander - Lado direito | Roda Dianteira Suzuki Gsx 750R Srad 96>09 | Flange da Coroa Roda Traseira Ninja 250\/300 - Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de r\u00edgido de esferas 6205-2RSC3 PPK blindagem verde","ecommerceSeoDescricao":"Os Rolamentos PPK motoparts para roda sa\u0303o produzidos com tratamento te\u0301rmico especial, proporcionando alta durabilidade e resist\u00eancia. Ao repor rolamentos da moto, escolha PPK motoparts.","ecommerceSeoPalavrasChaves":"roda de moto, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"2726\", \"79\", \"997737\", \"2880\"]","codigoOriginal":"Suzuki:08123-62057; Yamaha:93306-305YD","codigoSimilar":"FAG:6205-2RSRC3; Nachi:6205-2NSEC3; NSK:6205-DDUC3; NTN:6205-LLUC3; SKF:6205-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"2","produtoVIP":"B","aplicacaoMoto":["Cubo de roda","Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CRYPTON","GSX","M","RD"],"aplicacaoMotoGrupo":["Motor","Roda"],"aplicacaoMotoSubGrupo":["Conjunto m\u00f3vel","Roda dianteira","Roda dianteira\/traseira "],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda dianteira\/traseira ","Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda GSX 1000 ","Honda GSX 1250 ","Honda GSX 1300 ","Honda GSX 750 ","Honda M 1500 ","Yamaha CRYPTON 100 ","Yamaha RD 135 "],"produtoPrecoConsumidor":4.66,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":11,"chave":10,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/79.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/79.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/79.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53645\/53645.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6205-2RSC3 (GREEN) Rolamento do Virabrequim Yamaha T105E - Crypton,YBR125, Factor125, XTZ125 Dir\/Esq PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6205-2rsc3-green-ppk\/79","aplicacao":"\/produto\/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green\/79","modal":"\/modal\/rolamento-rigido-de-esferas-6205-2rsc3-green-ppk\/79"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Suzuki","value":"08123-62057"},{"name":"Yamaha","value":"93306-305YD"}],"codigoSimilarLista":[{"name":"FAG","value":"6205-2RSRC3"},{"name":"Nachi","value":"6205-2NSEC3"},{"name":"NSK","value":"6205-DDUC3"},{"name":"NTN","value":"6205-LLUC3"},{"name":"SKF","value":"6205-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Lado Esquerdo Honda NXR 150 Bros 03>05, CBX200 Strada, XR200","ecommerceNome":"Rolamento do Virabrequim Lado Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Lado Esquerdo Honda NXR 150 Bros 03>05, CBX200 Strada, XR200 Rolamento do Virabrequim Lado Esquerdo Honda 62072RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6207-2RSC3","produtoModeloBusca":"62072RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"53","produtoID":53,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-08-11 12:23:15","catalogoID":33174,"produtoPeso":"0.2830","produtoMedida":"35x72x17","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim NXR 150 Bros 03>05","ecommerceDescricao":"NXR 150 Bros 03>05, CBX200 Strada, XR200","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":"FAG:6207-2RSR; Nachi:6207-2NSE; NSK:6207-DDUC3; NTN:6207-LLUC3; SKF:6207-2RS1C3","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; C3","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["\u00c1rvore de manivelas"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CRF","NXR"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Virabrequim"],"aplicacaoMotoCompleto":["\u00c1rvore de manivelas, Motor, Virabrequim"],"aplicacaoMotoModelosCompleto":["Honda CRF 230 ","Honda NXR 150 "],"produtoPrecoConsumidor":12.56,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/53.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/53.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/53.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6207-2RSC3 Rolamento do Virabrequim Lado Esquerdo Honda NXR 150 Bros 03>05, CBX200 Strada, XR200 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6207-2rsc3-ppk\/53","aplicacao":"\/produto\/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3\/53","modal":"\/modal\/rolamento-rigido-de-esferas-6207-2rsc3-ppk\/53"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"FAG","value":"6207-2RSR"},{"name":"Nachi","value":"6207-2NSE"},{"name":"NSK","value":"6207-DDUC3"},{"name":"NTN","value":"6207-LLUC3"},{"name":"SKF","value":"6207-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Honda Pop 110I, Biz C125 06>... - lado esquerdo","ecommerceNome":"Rolamento do Virabrequim Honda","ecommerceBusca":"Rolamento do Virabrequim Honda Pop 110I, Biz C125 06>... - lado esquerdo Rolamento do Virabrequim Honda 6322C18","produtoNome":"Rolamento do Virabrequim Honda BIZ 125 e POP 110 Lado Esquerdo","produtoModelo":"63\/22 C18","produtoModeloBusca":"6322C18","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1679363","produtoID":1679363,"produtoHabilitado":1,"catalogoAtualizadoEm":"2023-11-10 19:51:07","catalogoID":36737,"produtoPeso":"0.1750","produtoMedida":"22x56x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Esquerdo do Virabrequim Pop 110I, Biz C125 06>...","ecommerceDescricao":"Pop 110I, Biz C125 06>... - lado esquerdo","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim 63\/22 Biz C125, Pop 110 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento do Virabrequim 63\/22 para Honda Biz C125 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento de virabrequim de moto, a PPK tem! Conhe\u00e7a o rolamento de virabrequim PPK 63\/22.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 63\/22, rolamento virabrequim, rolamento virabrequim 63\/22, rolamento Biz C125, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":null,"ecommerceCaracteristicasNome":null,"ecommerceCaracteristicasAtributos":null,"categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["BIZ"],"aplicacaoMotoGrupo":null,"aplicacaoMotoSubGrupo":null,"aplicacaoMotoCompleto":null,"aplicacaoMotoModelosCompleto":["Honda BIZ 125 2006"],"produtoPrecoConsumidor":20,"produtoEstoque":0,"_matchesInfo":[],"contador":13,"chave":12,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1679363.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1679363.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1679363.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C18 Rolamento do Virabrequim Honda Pop 110I, Biz C125 06>... - lado esquerdo PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-esquerdo-63-22-c18-ppk\/1679363","aplicacao":"\/produto\/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18\/1679363","modal":"\/modal\/rolamento-do-virabrequim-honda-biz-125-e-pop-110-lado-esquerdo-63-22-c18-ppk\/1679363"},"ecommerceCaracteristicasLista":false,"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Virabrequim Esquerdo Honda Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125","ecommerceNome":"Rolamento do Virabrequim Esquerdo Honda","ecommerceBusca":"Rolamento do Virabrequim Esquerdo Honda Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125 Rolamento do Virabrequim Esquerdo Honda 6322C3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"63\/22 C3","produtoModeloBusca":"6322C3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"14809","produtoID":14809,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-08-11 12:21:44","catalogoID":32099,"produtoPeso":"0.1810","produtoMedida":"22x56x16","produtoEmbalagem":"Caixinha Individual","categoriaID":1045,"categoriaSEO":"virabrequim","categoriaNome":"Virabrequim","categoriaTitulo":"Rolamento do Virabrequim PPK | Virabrequim para Moto","categoriaPalavrasChaves":"virabrequim, rolamento virabrequim, virabrequim moto, ppk, ppk motoparts, ppk motope\u00e7as, motope\u00e7as","categoriaDescricao":"O Rolamento do Virabrequim PPK \u00e9 fabricado em a\u00e7o, garantindo maior durabilidade. Rolamento PPK, reconhecido e aprovado pelo mercado de Motope\u00e7as.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Virabrequim Esquerdo Biz 125 KS\/ES | Yamaha YZ 125","ecommerceDescricao":"Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Virabrequim lado esquerdo  63\/22 C3","ecommerceSeoDescricao":"Rolamentos do Virabrequim PPK motoparts, garantia de durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento para moto, virabrequim, motor, \u00e1rvore de manivelas,  conjunto m\u00f3vel, BIZ125, BIZ KS, BIZ ES","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"15015\", \"30030\", \"79\", \"1648763\"]","codigoOriginal":"Honda:91002-KPH-881","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Aberto:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"Aberto; A\u00e7o cromo SAE 52100; C3","categoriaOrdem":"2","produtoVIP":"5","aplicacaoMoto":["Virabrequim"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ","CR","RM","YZ"],"aplicacaoMotoGrupo":["Motor"],"aplicacaoMotoSubGrupo":["Conjunto m\u00f3vel"],"aplicacaoMotoCompleto":["Virabrequim, Motor, Conjunto m\u00f3vel"],"aplicacaoMotoModelosCompleto":["Honda BIZ 125 "],"produtoPrecoConsumidor":12.8,"produtoEstoque":0,"blindagem":"Aberto","_matchesInfo":[],"contador":14,"chave":13,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14809.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14809.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14809.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"63\/22 C3 Rolamento do Virabrequim Esquerdo Honda Biz125 KS\/ES, CR 80\/125 | Yamaha YZ 125 | Suzuki RM125 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-63-22-c3-ppk\/14809","aplicacao":"\/produto\/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3\/14809","modal":"\/modal\/rolamento-rigido-de-esferas-63-22-c3-ppk\/14809"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Aberto"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91002-KPH-881"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>...","ecommerceNome":"Rolamento de Roda Honda","ecommerceBusca":"Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>... Rolamento de Roda Honda 63012RSC3GREEN","produtoNome":"Rolamento Rigido de Esfera","produtoModelo":"6301-2RSC3 (GREEN)","produtoModeloBusca":"63012RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"348","produtoID":348,"produtoHabilitado":1,"catalogoAtualizadoEm":"2023-11-10 19:56:46","catalogoID":32096,"produtoPeso":"0.0610","produtoMedida":"12x37x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Honda CG125 Fan\/Today\/Titan","ecommerceDescricao":"Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>...","ecommerceComplemento":"Yamaha Roda Dianteira Factor 125\/150, Roda Traseira Crypton 105 - Todos Veda\u00e7\u00e3o Verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6301-2RSC3 para Honda Biz C100 | Rolamento PPK","ecommerceSeoDescricao":"Rolamento 6301-2RSC3 para Roda da Honda Biz C100 voc\u00ea encontra na PPK. Acesse nosso site e conhe\u00e7a a PPK, confiabilidade, durabilidade e seguran\u00e7a em rolamento para moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6301-2RSC3, 6301-2RSC3, rolamento roda, rolamento Biz C100, honda, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1777\", \"1648369\", \"997737\", \"1648759\"]","codigoOriginal":"Honda:96140-63010-10; Suzuki:08123-63017; Yamaha:93306-30103","codigoSimilar":"FAG:6301-2RSR; Nachi:6301-2NSEC3; NSK:6301-DDU; NTN:6301-LLUC3; SKF:6301-2RS1","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"1","aplicacaoMoto":["Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ C","C","CBX","CG","CRYPTON","INTRUDER","KATANA","NXR","RD"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda BIZ C 100 98>05","Honda C 100 todos","Honda CBX 150 88>92","Honda CBX 200 todos","Honda CG 125 00>05","Honda CG 125 02>...","Honda CG 125 83>99","Honda CG 150 04>...","Honda NXR 150 03>...","Suzuki INTRUDER 125 todos","Suzuki KATANA 125 todos","Yamaha RD 135 ","Yamaha RD 350 "],"produtoPrecoConsumidor":2.5,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":15,"chave":14,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/348.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/348.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/348.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53647\/53647.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6301-2RSC3 (GREEN) Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk\/348","aplicacao":"\/produto\/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green\/348","modal":"\/modal\/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk\/348"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"96140-63010-10"},{"name":"Suzuki","value":"08123-63017"},{"name":"Yamaha","value":"93306-30103"}],"codigoSimilarLista":[{"name":"FAG","value":"6301-2RSR"},{"name":"Nachi","value":"6301-2NSEC3"},{"name":"NSK","value":"6301-DDU"},{"name":"NTN","value":"6301-LLUC3"},{"name":"SKF","value":"6301-2RS1"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>...","ecommerceNome":"Rolamento de Roda Honda","ecommerceBusca":"Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>... Rolamento de Roda Honda 6301ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6301-ZZ","produtoModeloBusca":"6301ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2718","produtoID":2718,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 13:16:05","catalogoID":32173,"produtoPeso":"0.0590","produtoMedida":"12x37x12","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Dianteira Bros, CG125 Fan\/Today\/Titan","ecommerceDescricao":"Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>...","ecommerceComplemento":"Yamaha Roda Dianteira Factor 125\/150, Roda Traseira Crypton 105 - Todos Veda\u00e7\u00e3o Verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento para cubo de roda 6301-ZZ","ecommerceSeoDescricao":"Ao substituir o rolamento de roda de sua moto, exija Rolamentos de roda PPK motoparts, garantia de seguran\u00e7a e durabilidade.","ecommerceSeoPalavrasChaves":"roda de moto, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1777\", \"1648369\", \"997737\", \"1648759\"]","codigoOriginal":"Honda:96140-63010-10; Suzuki:08123-63017; Yamaha:93306-30103","codigoSimilar":"FAG:6301-2ZR; Nachi:6301-ZZE; SKF:6301-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal; Rolamentos de Roda","categoriaOrdem":"1","produtoVIP":"D","aplicacaoMoto":["Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BIZ C","C","CBX","CG","CRYPTON","INTRUDER","KATANA","NXR","RD"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda BIZ C 100 98>05","Honda C 100 todos","Honda CBX 150 88>92","Honda CBX 200 todos","Honda CG 125 ","Honda CG 125 00>05","Honda CG 125 02>...","Honda CG 125 83>99","Honda CG 150 04>...","Honda NXR 150 03>...","Suzuki INTRUDER 125 todos","Suzuki KATANA 125 todos","Yamaha CRYPTON 100 ","Yamaha RD 135 ","Yamaha RD 350 "],"produtoPrecoConsumidor":2.64,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":16,"chave":15,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2718.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2718.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2718.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6301-ZZ Rolamento de Roda Honda Biz C100 98>05, C100 Dream, CG125 Fan\/Today\/Titan, Roda Dianteira NXR125\/150 Bros 03>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6301-zz-ppk\/2718","aplicacao":"\/produto\/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-6301zz\/2718","modal":"\/modal\/rolamento-rigido-de-esferas-6301-zz-ppk\/2718"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"96140-63010-10"},{"name":"Suzuki","value":"08123-63017"},{"name":"Yamaha","value":"93306-30103"}],"codigoSimilarLista":[{"name":"FAG","value":"6301-2ZR"},{"name":"Nachi","value":"6301-ZZE"},{"name":"SKF","value":"6301-2Z"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira para Honda CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250","ecommerceNome":"Rolamento de Roda Traseira para Honda","ecommerceBusca":"Rolamento de Roda Traseira para Honda CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250 Rolamento de Roda Traseira para Honda 63022RSC3GREEN","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6302-2RSC3 (GREEN)","produtoModeloBusca":"63022RSC3GREEN","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1777","produtoID":1777,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 18:14:47","catalogoID":32103,"produtoPeso":"0.0838","produtoMedida":"15x42x13","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Traseira para Honda CG125 CG150 | Roda Dianteira Yamaha Fazer 250","ecommerceDescricao":"CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250","ecommerceComplemento":"Veda\u00e7\u00e3o verde","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Traseira CG125\/150 | Rolamento 6302-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6302-2RSC3 PPK \u00e9 aplicado na roda traseira da Honda CG125 e CG150. Confiabilidade e seguran\u00e7a em rolamento 6302-2RSC3 para a roda da sua moto, \u00e9 PPK.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6302-2RSC3, 6302-2RSC3, rolamento roda traseira, rolamento CG125, rolamento CG150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"1648367\", \"2718\", \"997737\"]","codigoOriginal":"Honda:91015-KPF-962; Honda:91051-KVS-602; Honda:96150-63020-10; Yamaha:93306-320X6","codigoSimilar":"FAG:6302-2RSRC3; Nachi:6302-2NK; NSK:6302-DDUC3; NTN:6302-LLUC3; SKF:6302-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["Cubo de roda"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CB","CBR","CBX","FAZER","XTZ"],"aplicacaoMotoGrupo":["Roda"],"aplicacaoMotoSubGrupo":["Roda dianteira","Roda traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CBR 450 89>92","Honda CBX 250 ","Honda CBX 750 90>94","Yamaha FAZER 250 ","Yamaha XTZ 250 "],"produtoPrecoConsumidor":3.32,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":17,"chave":16,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1777.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1777.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1777.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53648\/53648.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6302-2RSC3 (GREEN) Rolamento de Roda Traseira para Honda CG125 CG150, Yamaha XTZ250 Lander | Roda Dianteira CB300R, CBX250 Twister | Yamaha Fazer 250 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk\/1777","aplicacao":"\/produto\/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green\/1777","modal":"\/modal\/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk\/1777"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91015-KPF-962"},{"name":"Honda","value":"91051-KVS-602"},{"name":"Honda","value":"96150-63020-10"},{"name":"Yamaha","value":"93306-320X6"}],"codigoSimilarLista":[{"name":"FAG","value":"6302-2RSRC3"},{"name":"Nachi","value":"6302-2NK"},{"name":"NSK","value":"6302-DDUC3"},{"name":"NTN","value":"6302-LLUC3"},{"name":"SKF","value":"6302-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento de Roda Traseira Honda Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300","ecommerceNome":"Rolamento de Roda Traseira Honda","ecommerceBusca":"Rolamento de Roda Traseira Honda Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300 Rolamento de Roda Traseira Honda 63032RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6303-2RSC3","produtoModeloBusca":"63032RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1778","produtoID":1778,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-27 20:52:47","catalogoID":32169,"produtoPeso":"0.1110","produtoMedida":"17x47x14","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento de Roda Traseira Bros NXR125\/150, XR200, Ninja 250\/300","ecommerceDescricao":"Bros NXR125, NXR150 (Ld Esquerdo), XLR125, XR200, XRE190 | Kawasaki Ninja 250 \/ 300","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda Traseira Bros NXR125, NXR150 | 6303-2RSC3 PPK","ecommerceSeoDescricao":"Rolamento 6303-2RSC3 para Roda Traseira Honda Bros NXR125 e NXR150 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento de roda de moto, a PPK tem!","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6303-2RSC3, 6303-2RSC3, rolamento roda traseira, rolamento Broz NXR125, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646110\", \"2720\", \"1646737\", \"1648299\"]","codigoOriginal":"Dafra:9536303P6I; Honda:96140-63030-10; Honda:96150-63030-10; Suzuki:08110-63030; Suzuki:08123-63037; Suzuki:08143-63037; Yamaha:93306-3030409; Yamaha:93306-303Y1-09; Yamaha:93306-303Y809","codigoSimilar":"FAG:6303-2RSRC3; Nachi:6303-2NSEC3; NSK:6303-DDUC3; NTN:6303-LLUC3; SKF:6303-2RS1","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"3","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Cubo de roda","Embreagem central","Tampa do motor"],"aplicacaoMotoM<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


   <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N3JCF2F');</script>
  <!-- End Google Tag Manager -->
  
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <meta name="robots" content="index, follow" /> 
  
  
    <meta name="google-site-verification" content="8UM-KkvdjcrzkqgmganuI7FgkKkUuVtqA41TiSWj0n0" />
  
  
  
  

  
      <script src="https://www.marketformation.com.br/cdn/vendor/jquery/jquery.min.3.6.0.js"></script>
    
      <script src="https://www.marketformation.com.br/cdn/vendor/bootstrap5/bootstrap.bundle.min.js"></script>
  
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/htmx.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/_hyperscript.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/client-side-templates.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/mustache-js/mustache.4.2.0.js"></script>
 
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/component.min.js" defer></script>
      <script src="https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js" defer></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/alpine3.min.js" defer></script>
   
    <script src="https://www.google.com/recaptcha/api.js?render=6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I"></script>
    <style type="text/css">
      .grecaptcha-badge {
        z-index: 999;
        width: 60px !important;
        height: 60px !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        left: 4px !important;
        display:none !important;
      }
      .grecaptcha-badge:hover {
        width: 256px !important;
      }
    </style>
   
  
    
    <link href="https://www.marketformation.com.br/cdn/vendor/daisyui/full.css" rel="stylesheet" type="text/css" />
    
      <link href="https://www.marketformation.com.br/cdn/vendor/tailwind/tailwind.2.2.min.css" rel="stylesheet" type="text/css"  />
    
    
    

      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    
    
  
  
    <script src="https://www.marketformation.com.br/cdn/vendor/Mask-Plugin/dist/jquery.mask.min.js" defer></script>
    <script>
    $(document).ready(function(){
      $('.date').mask('00/00/0000');
      $('.time').mask('00:00:00');
      $('.date_time').mask('00/00/0000 00:00:00');
      $('.cep').mask('00000-000');
      $('.phone').mask('0000-0000');
      $('.phone_with_ddd').mask('(00) 00000-0000');
      $('.phone_full').mask('+00 (00) 00000-0000');
      $('.phone_us').mask('(000) 000-0000');
      $('.mixed').mask('AAA 000-S0S');
      $('.cpf').mask('000.000.000-00', {reverse: true});
      $('.cnpj').mask('00.000.000/0000-00', {reverse: true});
      $('.money').mask('000.000.000.000.000,00', {reverse: true});
      $('.money2').mask("#.##0,00", {reverse: true});
      $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
        translation: {
          'Z': {
            pattern: /[0-9]/, optional: true
          }
        }
      });
      $('.ip_address').mask('099.099.099.099');
      $('.percent').mask('##0,00%', {reverse: true});
      $('.clear-if-not-match').mask("00/00/0000", {clearIfNotMatch: true});
      $('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});
      $('.fallback').mask("00r00r0000", {
          translation: {
            'r': {
              pattern: /[\/]/,
              fallback: '/'
            },
            placeholder: "__/__/____"
          }
        });
      $('.selectonfocus').mask("00/00/0000", {selectOnFocus: true});
    });
    </script>   
  
       <script src="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.js" defer></script>
       <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.css">
       <script type="text/javascript">
            $(function () {
                $('.floating-wpp').floatingWhatsApp({
                    phone: '551120900644',
                    popupMessage: 'Bem vindo, em que posso ajudar ?',
                    showPopup: false,
                    position: 'right',
                    autoOpen: false,
                    //autoOpenTimer: 4000,
                    message: '',
                    headerColor: '#000000',
                    headerTitle: 'PPK Motopeças | Importadora e Distribuidora de Motopeças',
                    //size: '24px',
                });
            });
        </script>
  
       <script src="https://www.marketformation.com.br/cdn/vendor/highlight/highlight.js" defer></script>
       <script type="text/javascript">
        htmx.on("htmx:afterRequest", function(evt) {
          //console.log("Request Done!");
          var $query   = $(".search-helper");
          var $content = $(".contentHelperHighlight");
          var searchTerm = $query.val();
            
          $content.removeHighlight();
        
          if ( searchTerm ) {
            $content.highlight( searchTerm );
          }
        });
      </script>
    
   
    
    <script src="https://www.marketformation.com.br/cdn/vendor/jquery-zoom/jquery.zoom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        function isMobile() {
          return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        if (!isMobile()) {
          setTimeout( function() 
          {
            $('#main-picture').zoom({
              magnify: 1.2,
              duration: 200,
              on: 'grab'
            });
          }, 100);
        }else{
          $('#zoom-caption').hide();
        }
      });
    </script>
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        //console.log("Request Done!");
        $('#main-picture').zoom({
          magnify: 1.2,
          duration: 200,
          on: 'grab'
        });
      });
    </script>
   
      <script src="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.js"></script>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.css"/>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.theme.default.min.css"/>
    
    <script src="https://www.marketformation.com.br/cdn/vendor/lazy.load/lazyload.js"></script>
    <script type="text/javascript">
      $(function() {
        $("img.lazyload").lazyload({
             effect: "fadeIn",
             effectspeed: 500,
             load : function()
             {
                // Callback here
             }
           });
           
        $("button.changeImg").click(function(){
          var div = $(this).closest("div.relative"), //Div onde estão as imagens
              active = div.find("img.active");       //Imagem que está sendo mostrada no momento
          active.next("img").trigger('appear');      //Carregar a imagem pelo trigger do LazyLoad
        });
      });
    </script>
    
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        $("html,body").trigger("scroll");
      });
    </script>
    
    
    <script type="text/javascript">
      $(document).ready(function ($) {
          var url = window.location.href;
          var activePage = url;
          $('#services a').each(function () {
              var linkPage = this.href;
      
              if (activePage == linkPage) {
                  $(this).addClass("active");
              }
          });
      });
    </script>
  
    <link rel="shortcut icon" href="/favicon/ppkrolemak.png" />
  
  

    <script src="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.js"></script>
    <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.min.css"/>
      
    
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.js" integrity="sha512-pF+DNRwavWMukUv/LyzDyDMn8U2uvqYQdJN0Zvilr6DDo/56xPDZdDoyPDYZRSL4aOKO/FGKXTpzDyQJ8je8Qw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.bootstrap4.min.css" integrity="sha512-MMojOrCQrqLg4Iarid2YMYyZ7pzjPeXKRvhW9nZqLo6kPBBTuvNET9DBVWptAo/Q20Fy11EIHM5ig4WlIrJfQw==" crossorigin="anonymous" referrerpolicy="no-referrer" />-->



<link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/mf/default.css"/>

<!-- Loading Head Website -->
<!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
<!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
<!--<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,776;1,600;1,800&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


<style>
  body{ font-family: 'Exo', sans-serif; }
 .bg-gradient {
  background-color: #F1F1F1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f8f8f8'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 75)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-259.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.2' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;}
</style>    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    
    <!-- Open Graph Protocol -->
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://www.yourwebsite.com/"/>
    <meta property="og:site_name" content="Your Website Name"/>

    <!-- Optional: Define a locale for your content -->
    <meta property="og:locale" content="pt_BR" />
    
  </head>
 <body x-cloak x-data="{ cartOpen: false , menuOpen: false, filtersOpen: false, menu_underline: '' }" class="text-gray-700">
     <div class="bg-gradient h-full">
       <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- Loading Header Website -->
<div class="h-0.5 relative overflow-hidden">
  <div class="w-full h-full bg-gray-100 absolute"></div>
  <div id="bar" class="h-full bg-yellow-500 rounded-full relative w-0"></div>
</div>

<div class=" bg-red-700" id="header"> 
<!------------------------------------------------------------------------------------------
TOP HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
<div class="container lg:px-5 px-2 md:pt-2 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-center lg:space-x-10 relative h-8">
  
  <!--Menu Fast-->
  <div class="flex">
        <div class="grid grid-flow-col items-center divide-x border-red-500 divide-red-500">
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/representantes" target="_parent"><i class="fas fa-users"></i> Representantes </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/contato" target="_parent"><i class="fas fa-id-card"></i> Contato </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/quem-somos" target="_parent"><i class="fas fa-briefcase"></i> Quem somos </a>
          </div>
      </div>
  </div>
  
  <!--Menu Fast-->
  <!--Contact-->
  <div class="flex absolute right-0 pr-5">
      <div class="text-xs transition duration-200 text-gray-100 hover:underline">
        <span>
          <a target="_blank" href="https://api.whatsapp.com/send?phone=551120900644">
          <i class="fab fa-whatsapp fa-lg fa-fw"></i> (11) 2090-0644 / 2090-0640</a>
          </span>
      </div>
  </div>
  
</div>
</div>


<!------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
  <div class="container lg:px-5 px-2 py-4 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-between lg:space-x-10">
   
  <!--Logotipo-->
  <div class="flex">
    <a href="/motopecas">
      <span class="sr-only">PPK Motoparts</span>
      <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="ppk motoparts logo 2">
    </a>
  </div>
  
  <!--Search-->
  <div class="flex lg:flex-1">
      <div class="w-full">
        <form id="search-form" action="/busca" method="GET" class="w-full">
          <div class="flex">
            <div class="relative w-full">
              
            	<input input id="search" autocomplete="off" name="q" value="" autofocus
            	       class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-lg px-3 relative focus:outline-none focus:border-transparent">
          	 </div>
        	   
        		<div class="flex -mr-px">
        			<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
        			  <i class="fas fa-search"></i>
        			</button>
        		</div>
        		
            </div>
        </form>
        
      </div>
  </div>
  
  <!--Services-->
  <div class="flex" id="services">
    <div class="grid grid-flow-col items-center justify-between space-x-1 divide-x border-red-500 divide-red-500">
     
       <div class="flex">
        <a href="/minha-conta" class="flex items-center justify-between space-x-1 transition duration-200 text-gray-100 hover:underline transition duration-300">
        <div class="flex ml-2">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
            </svg>
         </div>
         <div class="flex">
           <span class="leading-none text-xs">Fazer <br> Login</span>
         </div>
         </a>
       </div> 
    
     
     
     
    </div>
  </div>
</div>
</div>

<!------------------------------------------------------------------------------
Mobile
------------------------------------------------------------------------------------------>
<div class="lg:hidden">
    
  
  <div class="container mx-auto flex items-center justify-between py-3 space-x-4">
  
    <!--Menu-->
    <div class="flex">
      <button @click="menuOpen = !menuOpen" type="button" class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>
      <div class="absolute top-0 inset-x-0 p-2 h-screen w-10/12 transition-all duration-100 transform origin-top-left z-50" x-show="menuOpen">
        <div class="rounded-lg shadow-m bg-opacity-40 border-b border-text-white bg-green-800 border-b border-green-900 bg-opacity-100 ring-1 ring-black ring-opacity-5 overflow-hidden" @click.away=" menuOpen = false">
          <div class="px-5 pt-4 flex items-center justify-between">
            <div>
              <a href="/motopecas"><img class="h-6 w-auto" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" alt="PPK Motoparts" title="PPK Motoparts"></a>
            </div>
            <div class="-mr-2">
              <button @click="menuOpen = !menuOpen" type="button" class="rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500">
                <svg class="h-8 w-8 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
              </button>
            </div>
          </div>
          <div class="px-2 pt-2 pb-3 space-y-1">
              <a href="/busca" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Todos os Produtos</div>
                  </div>
              </a>
              <a href="/categorias" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Categorias</div>
                  </div>
              </a>
          </div>
        </div>
      </div>
    </div>
      
    <!--Logotipo-->
    <div class="flex flex-1">
      <a href="/motopecas">
        <span class="sr-only">PPK Motoparts</span>
        <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="PPK Motoparts">
      </a>
    </div>
    
     <!--User-->
    <div class="flex">
       <a href="/minha-conta" 
          class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor" stroke="">
          <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
        </svg>
      </a>
    </div> 
    
    <!--cart-->
    
  </div>
  
  <!--Search-->
  <div class="container mx-auto flex items-center justify-between">
  <div class="px-3 mb-3 w-full">
    <div class="relative ">
      <form action="/busca" method="GET">
    	<div class="flex">   
        	<div class="relative w-full">
        	   <input id="search-mobile" autocomplete="off" name="q" value="" autofocus
                	  class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-sm px-3 relative focus:outline-none focus:border-transparent">
        	</div>
        	<div class="flex -mr-px">
            	<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
            		<i class="fas fa-search"></i>
            	</button>
        	</div>
        </div>
    	</form>
    </div>
  </div>
  </div>

</div>

</div>
       <div class="bg-green-800 border-b border-green-900" id="menu">

<div hx-ext="client-side-templates">

    <div 
         hx-get="https://www.marketformation.com.br/meili/menu/categories/?filter=segmentoID:6&sort=categoriaOrdem%20Asc"
         hx-trigger="load"
         hx-swap="innerHTML"
         hx-target="#response-menu-ppkrolemak"
         mustache-template="menu-ppkrolemak"
    >
    </div>
    
    <template id ="menu-ppkrolemak">
        <div class="flex" x-data="{ sortModelo: new URLSearchParams(document.location.search) }">
           <div class="flex items-center flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 -ml-6">
              {{#rows}} 
                 <a title="{{categoriaNome}}" 
                    :href="sortModelo.has('sort') || sortModelo.has('sortName') 
                    ? `/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}&sort=${sortModelo.get('sort')}&sortName=${sortModelo.get('sortName')}`
                    : '/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}'" class="pl-6 py-1 text-sm font-semibold uppercase font-extrabold text-white hover:text-green-200 transition duration-300">{{categoriaNome}}</a>
              {{/rows}}
           </div>
        </div>
    </template>
</div>


<div class="hidden lg:block">
    <div class="container lg:px-5 px-2 mx-auto flex justify-left content-center items-stretch py-2">
        <div class="flex flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 h-7">
           
            <div id="response-menu-ppkrolemak"></div>
            
            <!-- Carteira Clientes -->
        </div>
    </div>
</div>
 

















</div>
                     <div class="mx-auto container px-2 my-1 min-h-container lg:px-5" x-data="{display: '', source: 'showcase', showDetail: false, showApplication: false }" 
x-init="0 > 0 ? display='list' : display='grid' ">

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Caixa de Direção&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Câmbio&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Câmbio <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Partida&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Partida <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(48)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Virabrequim&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(89)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(35)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/subgroup');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/motorcycle');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;PPK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(80)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(72)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Industrial&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Plástico&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Plástico <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
        
      </ul>
   </nav>
  </div>
</div><!--- Filters Mobile ---->

<div class="grid grid-cols-6 gap-4">
    <!------- #Filtros  ------->
    <div class="hidden lg:block">
  <nav class="flex-1 max-h-full overflow-y-hidden">
    <ul class="max-h-full pr-1 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
    
    
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Caixa de Direção&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(15)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Câmbio&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Câmbio <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Pedal de Partida&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Pedal de Partida <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(48)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND categoriaNome:&quot;Virabrequim&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Virabrequim <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(89)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterModels: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterModels=!showCollapseFilterModels">
        <span class="font-medium text-lg font-bold">Modelos</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterModels" x-show="showCollapseFilterModels">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ADDRESS AE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS AE <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ADDRESS V&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ADDRESS V <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;AN&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> AN <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BIZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BIZ C&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ C <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;BURGMAN&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BURGMAN <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;C&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> C <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CB&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CB <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CBR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CBX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBX <span class="ml-1 text-xs">(28)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CG&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CG <span class="ml-1 text-xs">(29)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;COMET&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> COMET <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CRF&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRF <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CRYPTON&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRYPTON <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;CTX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CTX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Citycom&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Citycom <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DL&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DL <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DRZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DRZ <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;DT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DT <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Elite&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Elite <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;FAZER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> FAZER <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;Fourtrax&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fourtrax <span class="ml-1 text-xs">(16)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GS <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GSR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;GSX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSX <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;INTRUDER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> INTRUDER <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;KANSAS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KANSAS <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;KATANA&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KATANA <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;LETS II&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LETS II <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;LT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;M&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> M <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;MARAUDER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MARAUDER <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;MIRAGE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MIRAGE <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;N&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> N <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NEO AT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NEO AT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX <span class="ml-1 text-xs">(17)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NX-4&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX-4 <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;NXR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NXR <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;PCX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PCX <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;POP&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> POP <span class="ml-1 text-xs">(11)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RD&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RD <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RDZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RDZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RM&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RM <span class="ml-1 text-xs">(8)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RMX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RMX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;RX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;TT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> TT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;WEB&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WEB <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;WIND&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WIND <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XF&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XL&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLR <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLS <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XLX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLX <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XR <span class="ml-1 text-xs">(18)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XRE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XRE <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XT <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;XTZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XTZ <span class="ml-1 text-xs">(9)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YBR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YBR <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YS <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;YZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YZ <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoModelos:&quot;ZIG&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ZIG <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(27)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(35)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/application');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;MAK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoMarca:&quot;PPK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(80)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(72)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Industrial&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND produtoEmbalagem:&quot;Plástico&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Plástico <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
      
    </ul>
  </nav>
</div>    <!------- /Filtros  ------->
    
    <div hx-ext="client-side-templates" class="col-span-6 lg:col-span-5">
      
        <!------ #Top ------>
        <div class="py-2 mt-1">
        <!---------- #Top ---------->
<div class="flex flex-col md:flex-row justify-between md:items-center">
  <div class="">
    <h1 class="text-base md:text-2xl font-bold text-gray-700">
          Produtos por Fabricante
    </h1>
    <span class="text-sm">Mostrando <b>26</b> até <b>50</b> de um total de <b>89</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('filter=segmentoID:6%20AND%20aplicacaoMotoMontadoras:%22Honda%22&amp;title=Produtos%20por%20Fabricante&amp;limit=25%22&amp;sort=produtoModelo:asc&amp;sortName=C%C3%B3digo%20A-Z&amp;pagina=2&amp;offset=25'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0">
          <i class="fas fa-angle-left"></i>
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 2 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 2 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=50" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 2 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=4&amp;offset=75" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 2 }">
          4
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=50">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
        
        <!-------- #Produtos -------->
        <div id="productsDisplay" class="grid grid-flow-row mt-3 contentSearchHighlight" :class="{'grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-1 sm:gap-3': display === 'grid', 'gap-2': display === 'list'}">
  <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2938" name="product_id" value="2938"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2938 > img').length-1;">
        <a id="gallery_2938" href="/produto/rolamento-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz/2938" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2938.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz/2938" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2938.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-diferencial-traseiro-honda-quadriciclo-fourtrax-420-0813-rolamento-diferencial-traseiro-honda-6009zz/2938 class="" title="
                Rolamento Diferencial Traseiro Quadriciclo Fourtrax 420 08&gt;13
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6009-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Diferencial Traseiro Quadriciclo Fourtrax 420 08&gt;13
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2938']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_15945" name="product_id" value="15945"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_15945 > img').length-1;">
        <a id="gallery_15945" href="/produto/rolamento-do-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs/15945" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15945.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs/15945" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15945.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-cmbio-honda-ys-250-fazer-0610-xr-250-tornado-0108-cbx-250-twister-0108-nx-400-falcon-rolamento-do-cmbio-honda-62222rs/15945 class="" title="
                Rolamento do Câmbio YS 250 Fazer 06&gt;10, XR 250 Tornado 01&gt;08
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">62/22-2RS</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Câmbio YS 250 Fazer 06&gt;10, XR 250 Tornado 01&gt;08
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_15945']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1771" name="product_id" value="1771"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1771 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1771" href="/produto/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3/1771" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1771.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53640/53640.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3/1771" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1771.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-e-embreagem-honda-pop100-07--suzuki-address-v100-lets-ii-50-rolamento-de-roda-e-embreagem-honda-62002rsc3/1771 class="" title="
                Rolamento de Embreagem Honda Pop100 07&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6200-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Embreagem Honda Pop100 07&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1771']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_490" name="product_id" value="490"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_490 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_490" href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-e-transmisso-pcx-150-rolamento-de-roda-para-honda-62012rsc3/490" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/490.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53641/53641.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-e-transmisso-pcx-150-rolamento-de-roda-para-honda-62012rsc3/490" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/490.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-e-transmisso-pcx-150-rolamento-de-roda-para-honda-62012rsc3/490 class="" title="
                Rolamento da Roda Honda Pop110i, Biz110i, Dianteira PCX 150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6201-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Honda Pop110i, Biz110i, Dianteira PCX 150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_490']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_15806" name="product_id" value="15806"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_15806 > img').length-1;">
        <a id="gallery_15806" href="/produto/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz/15806" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15806.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz/15806" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15806.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-moto-aqutica-rolamento-do-eixo-da-valvula-rotativa-para-jet-ski-sea-doo-carcaa-6201zz/15806 class="" title="
                Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carcaça)
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6201-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo da Valvula Rotativa para Jet Ski Sea Doo (Carcaça)
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_15806']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2818" name="product_id" value="2818"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2818 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_2818" href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2818.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50147/50147.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50148/50148.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50149/50149.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===4" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===4 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53642/53642.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2818.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818 class="" title="
                Rolamento da Roda Dianteira/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250/300
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Dianteira/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250/300
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2818']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2717" name="product_id" value="2717"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2717 > img').length-1;">
        <a id="gallery_2717" href="/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2717.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2717.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717 class="" title="
                Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2717']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2573" name="product_id" value="2573"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2573 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_2573" href="/produto/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-rolamento-de-roda-traseira-honda-62032rsc3/2573" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2573.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53643/53643.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-rolamento-de-roda-traseira-honda-62032rsc3/2573" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2573.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-honda-biz-c100--125-xlr125-bros-nxr125--nxr150-ld-esquerdo-xr200-strada-cbx200-tornado-xr250-twister-cbx250-cb300r-xlx350-sahara-nx350-xre300-falcon-nx400-rolamento-de-roda-traseira-honda-62032rsc3/2573 class="" title="
                Rolamento da Roda Traseira Biz 100/125, Bros 125/150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6203-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Traseira Biz 100/125, Bros 125/150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2573']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14801" name="product_id" value="14801"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14801 > img').length-1;">
        <a id="gallery_14801" href="/produto/rolamento-da-roda-traseira-honda-biz-c100-c125-xlr125-nxr125-bros-nxr150-bros-xr200-cbx200-strada-xr250-tornado-cbx250-twister-cb300r-xlx350-nx350-sahara-xre300-nx400-falcon-rolamento-da-roda-traseira-honda-6203zz/14801" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14801.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-roda-traseira-honda-biz-c100-c125-xlr125-nxr125-bros-nxr150-bros-xr200-cbx200-strada-xr250-tornado-cbx250-twister-cb300r-xlx350-nx350-sahara-xre300-nx400-falcon-rolamento-da-roda-traseira-honda-6203zz/14801" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14801.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-roda-traseira-honda-biz-c100-c125-xlr125-nxr125-bros-nxr150-bros-xr200-cbx200-strada-xr250-tornado-cbx250-twister-cb300r-xlx350-nx350-sahara-xre300-nx400-falcon-rolamento-da-roda-traseira-honda-6203zz/14801 class="" title="
                Rolamento da Roda Traseira Biz C100 / C125, Twister CBX250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6203-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Traseira Biz C100 / C125, Twister CBX250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14801']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_448" name="product_id" value="448"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_448 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_448" href="/produto/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister--suspenso-traseira-cb300r-rolamento-de-roda-para-yamaha-62042rsc3/448" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/448.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53644/53644.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister--suspenso-traseira-cb300r-rolamento-de-roda-para-yamaha-62042rsc3/448" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/448.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-para-yamaha-ys-250-fazer-factor-150--transmisso-cg125150-titan-nxr125150-bros-cbx250-twister--suspenso-traseira-cb300r-rolamento-de-roda-para-yamaha-62042rsc3/448 class="" title="
                Rolamento de Roda Yamaha Fazer YS 250, Factor 150 | Roda Dianteira CG125 Titan até 2000
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6204-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Yamaha Fazer YS 250, Factor 150 | Roda Dianteira CG125 Titan até 2000
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_448']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_79" name="product_id" value="79"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_79 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_79" href="/produto/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green/79" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/79.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53645/53645.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green/79" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/79.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-yamaha-t105e---cryptonybr125-factor125-xtz125-diresq-rolamento-do-virabrequim-yamaha-62052rsc3green/79 class="" title="
                Rolamento do Virabrequim YBR125, Factor125, XTZ125 Dir/Esq
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6205-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim YBR125, Factor125, XTZ125 Dir/Esq
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_79']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_53" name="product_id" value="53"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_53 > img').length-1;">
        <a id="gallery_53" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3/53" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/53.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3/53" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/53.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-lado-esquerdo-honda-nxr-150-bros-0305-cbx200-strada-xr200-rolamento-do-virabrequim-lado-esquerdo-honda-62072rsc3/53 class="" title="
                Rolamento Esquerdo do Virabrequim NXR 150 Bros 03&gt;05
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6207-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim NXR 150 Bros 03&gt;05
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_53']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1679363" name="product_id" value="1679363"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1679363 > img').length-1;">
        <a id="gallery_1679363" href="/produto/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1679363.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1679363.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-honda-pop-110i-biz-c125-06---lado-esquerdo-rolamento-do-virabrequim-honda-6322c18/1679363 class="" title="
                Rolamento Esquerdo do Virabrequim Pop 110I, Biz C125 06&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">63/22 C18</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Esquerdo do Virabrequim Pop 110I, Biz C125 06&gt;...
            </h2>
            
            <p class="text-sm font-normal">
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1679363']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14809" name="product_id" value="14809"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14809 > img').length-1;">
        <a id="gallery_14809" href="/produto/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14809.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14809.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-esquerdo-honda-biz125-kses-cr-80125--yamaha-yz-125--suzuki-rm125-rolamento-do-virabrequim-esquerdo-honda-6322c3/14809 class="" title="
                Rolamento do Virabrequim Esquerdo Biz 125 KS/ES | Yamaha YZ 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">63/22 C3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Esquerdo Biz 125 KS/ES | Yamaha YZ 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14809']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_348" name="product_id" value="348"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_348 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_348" href="/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green/348" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/348.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53647/53647.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green/348" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/348.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-63012rsc3green/348 class="" title="
                Rolamento de Roda Honda CG125 Fan/Today/Titan
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6301-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Honda CG125 Fan/Today/Titan
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_348']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2718" name="product_id" value="2718"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2718 > img').length-1;">
        <a id="gallery_2718" href="/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-6301zz/2718" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2718.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-6301zz/2718" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2718.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-honda-biz-c100-9805-c100-dream-cg125-fantodaytitan-roda-dianteira-nxr125150-bros-03-rolamento-de-roda-honda-6301zz/2718 class="" title="
                Rolamento de Roda Dianteira Bros, CG125 Fan/Today/Titan
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6301-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Dianteira Bros, CG125 Fan/Today/Titan
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2718']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1777" name="product_id" value="1777"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1777 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1777" href="/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1777.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53648/53648.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1777.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-para-honda-cg125-cg150-yamaha-xtz250-lander--roda-dianteira-cb300r-cbx250-twister--yamaha-fazer-250-rolamento-de-roda-traseira-para-honda-63022rsc3green/1777 class="" title="
                Rolamento de Roda Traseira para Honda CG125 CG150 | Roda Dianteira Yamaha Fazer 250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6302-2RSC3 (GREEN)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira para Honda CG125 CG150 | Roda Dianteira Yamaha Fazer 250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1777']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1778" name="product_id" value="1778"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1778 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1778" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300-rolamento-de-roda-traseira-honda-63032rsc3/1778" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1778.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53649/53649.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300-rolamento-de-roda-traseira-honda-63032rsc3/1778" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1778.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-ld-esquerdo-xlr125-xr200-xre190--kawasaki-ninja-250--300-rolamento-de-roda-traseira-honda-63032rsc3/1778 class="" title="
                Rolamento de Roda Traseira Bros NXR125/150, XR200, Ninja 250/300
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6303-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira Bros NXR125/150, XR200, Ninja 250/300
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1778']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2720" name="product_id" value="2720"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2720 > img').length-1;">
        <a id="gallery_2720" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz/2720" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2720.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz/2720" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2720.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-traseira-honda-bros-nxr125-nxr150-xlr125-xr200-xre190--dafra-kansas150-rolamento-de-roda-traseira-honda-6303zz/2720 class="" title="
                Rolamento de Roda Traseira Bros NXR125, NXR150
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6303-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento de Roda Traseira Bros NXR125, NXR150
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2720']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1646737" name="product_id" value="1646737"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1646737 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1646737" href="/produto/rolamento-do-virabrequim-honda-t105e---cryptonpop100-biz-c100--transmisso-cg160-titanfanstart--roda-traseira-yamaha-xt600-rolamento-do-virabrequim-honda-63042rsc3/1646737" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1646737.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53650/53650.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-honda-t105e---cryptonpop100-biz-c100--transmisso-cg160-titanfanstart--roda-traseira-yamaha-xt600-rolamento-do-virabrequim-honda-63042rsc3/1646737" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1646737.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-honda-t105e---cryptonpop100-biz-c100--transmisso-cg160-titanfanstart--roda-traseira-yamaha-xt600-rolamento-do-virabrequim-honda-63042rsc3/1646737 class="" title="
                Rolamento do Virabrequim T105E - Crypton/POP100/BIZ C100
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6304-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim T105E - Crypton/POP100/BIZ C100
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1646737']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_351" name="product_id" value="351"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_351 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_351" href="/produto/rolamento-da-roda-traseira-yamaha-crypton-xtz125-ybr125--flange-da-coroa-honda-cbx-750-9094--suzuki-bandit-n600-gs500e-gsx650f-marauder-n600-rolamento-da-roda-traseira-yamaha-63052rsc3/351" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/351.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53651/53651.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-roda-traseira-yamaha-crypton-xtz125-ybr125--flange-da-coroa-honda-cbx-750-9094--suzuki-bandit-n600-gs500e-gsx650f-marauder-n600-rolamento-da-roda-traseira-yamaha-63052rsc3/351" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/351.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-roda-traseira-yamaha-crypton-xtz125-ybr125--flange-da-coroa-honda-cbx-750-9094--suzuki-bandit-n600-gs500e-gsx650f-marauder-n600-rolamento-da-roda-traseira-yamaha-63052rsc3/351 class="" title="
                Rolamento da Roda Traseira Crypton, XTZ125, YBR125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6305-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Traseira Crypton, XTZ125, YBR125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_351']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2842" name="product_id" value="2842"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2842 > img').length-1;">
        <a id="gallery_2842" href="/produto/rolamento-da-roda-traseira-yamaha-crypton-xtz125-ybr125--flange-da-coroa-honda-cbx-750-9094--suzuki-bandit-n600-gs500e-gsx650f-marauder-n600-rolamento-da-roda-traseira-yamaha-6305zz/2842" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2842.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-roda-traseira-yamaha-crypton-xtz125-ybr125--flange-da-coroa-honda-cbx-750-9094--suzuki-bandit-n600-gs500e-gsx650f-marauder-n600-rolamento-da-roda-traseira-yamaha-6305zz/2842" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2842.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-roda-traseira-yamaha-crypton-xtz125-ybr125--flange-da-coroa-honda-cbx-750-9094--suzuki-bandit-n600-gs500e-gsx650f-marauder-n600-rolamento-da-roda-traseira-yamaha-6305zz/2842 class="" title="
                Rolamento da Roda Traseira Crypton, XTZ125, YBR125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6305-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Traseira Crypton, XTZ125, YBR125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2842']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_15577" name="product_id" value="15577"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_15577 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_15577" href="/produto/rolamento-do-virabrequim-para-suzuki-burgman-125-0510-ld-esquerdo-bandit-n600-gs500-e-gsx650-f-marauder--yamaha-dt200-r--roda-honda-cbx750-four-indy-9094-rolamento-do-virabrequim-para-suzuki-6305r1sh29tc425x62x16/15577" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15577.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="6305R1SH29TC4 Rolamento de Roda e Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50130/50130.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="6305R1SH29TC4 Rolamento de Roda e Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50131/50131.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6305R1SH29TC4 Rolamento de Roda e Virabrequim" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50132/50132.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-para-suzuki-burgman-125-0510-ld-esquerdo-bandit-n600-gs500-e-gsx650-f-marauder--yamaha-dt200-r--roda-honda-cbx750-four-indy-9094-rolamento-do-virabrequim-para-suzuki-6305r1sh29tc425x62x16/15577" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/15577.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-para-suzuki-burgman-125-0510-ld-esquerdo-bandit-n600-gs500-e-gsx650-f-marauder--yamaha-dt200-r--roda-honda-cbx750-four-indy-9094-rolamento-do-virabrequim-para-suzuki-6305r1sh29tc425x62x16/15577 class="" title="
                Rolamento do Virabrequim para Burgman 125 05&gt;10 Ld esquerdo, Bandit N600
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6305R1SH29TC4 (25x62x16)</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim para Burgman 125 05&gt;10 Ld esquerdo, Bandit N600
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_15577']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_3016" name="product_id" value="3016"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_3016 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_3016" href="/produto/rolamento-do-virabrequim-honda-xl-xlr-at-84-rolamento-do-virabrequim-honda-63062rsc3/3016" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/3016.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53652/53652.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-virabrequim-honda-xl-xlr-at-84-rolamento-do-virabrequim-honda-63062rsc3/3016" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/3016.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-virabrequim-honda-xl-xlr-at-84-rolamento-do-virabrequim-honda-63062rsc3/3016 class="" title="
                Rolamento do Virabrequim Honda Xl, XLR até 84
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6306-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Virabrequim Honda Xl, XLR até 84
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1647802" name="product_id" value="1647802"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1647802 > img').length-1;">
        <a id="gallery_1647802" href="/produto/rolamento-da-embreagem-lado-esquerdo-honda-biz-c125-2008-rolamento-da-embreagem-lado-esquerdo-honda-68042rsc3/1647802" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647802.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-embreagem-lado-esquerdo-honda-biz-c125-2008-rolamento-da-embreagem-lado-esquerdo-honda-68042rsc3/1647802" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1647802.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-embreagem-lado-esquerdo-honda-biz-c125-2008-rolamento-da-embreagem-lado-esquerdo-honda-68042rsc3/1647802 class="" title="
                Rolamento da Embreagem Lado Esquerdo Honda Biz C125 2008&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6804-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Embreagem Lado Esquerdo Honda Biz C125 2008&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1647802']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
</div>

<!-- Modal Applications -->
<div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showApplication" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showApplication }">
    <!--Dialog-->
    <div class="bg-white w-11/12 md:w-6/12 mx-auto max-w-4xl rounded-lg shadow-lg text-left" x-show="showApplication" 
        @click.away="showApplication = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 px-6 text-gray-800">
            <p class="text-2xl font-bold text-green-600">Aplicações do Produto</p>
            <div class="cursor-pointer z-50" @click="showApplication = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="application_modal_preview" class="max-h-96 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="application_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>
        
        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
    
    <template id="templateApplicationsModal">
        <div class="grid grid-cols-1 md:grid-cols-2 px-5 gap-2 md:gap-4">
            {{#info}}
            <div class="flex justify-start items-center w-full rounded-md text-left bg-neutral-50">
                <div class="w-24 h-24 mr-4">
                    <img src="https://www.marketformation.com.br/cdn/motos/{{produtoModeloSEO}}.jpg" class="object-cover"/>
                </div>
                <div>
                    <p class="text-xs font-medium text-gray-400">{{produtoMontadora}}</p>
                    <p class="text-base font-semibold text-gray-600">{{produtoModelo}} {{produtoSubModelo}} {{produtoCaracteristica}} {{produtoAno}}</p>
                </div>
            </div>
            {{/info}}
        </div>
    </template>
    
</div>
<!-- / Modal Applications -->        <!-------- /Produtos -------->
        
        <!---------- #Paginador ---------->
        <div class="my-4">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 rounded-l outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0">
          <i class="fas fa-angle-left"></i>
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 2 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 2 }">
          2
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=50" :class="{'bg-gray-400 text-gray-700 font-bold': 3 === 2 }">
          3
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=4&amp;offset=75" :class="{'bg-gray-400 text-gray-700 font-bold': 4 === 2 }">
          4
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=3&amp;offset=50">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
    </div>
    
</div>



</div>

<div id="alert-add" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> no Carrinho!</span>
  </div>
</div>

<div id="alert-removed" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
      <path fill="currentColor"
            d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
      ></path>
    </svg>
    <span class="text-red-800">Produto <strong>removido</strong> do Carrinho!</span>
  </div>
</div>

<div id="alert-add-favorite" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> aos Favoritos!</span>
  </div>
</div>

<div id="alert-remove-favorite" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
        <path fill="currentColor"
              d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
        ></path>
      </svg>
    <span class="text-red-800">Produto <strong>removido</strong> dos Favoritos!</span>
  </div>
</div> 
       <!-- Loading Footer Website -->
<div class="bg-red-700">
  <!------- Novidades ------->
  
  <div class="md:mt-20">
  <div class="container flex flex-col px-2 py-0 mx-auto">
    
    <!--Midia Social-->
    <div class="py-6 border-b mt-10 md:mt-0">
      <div class="flex flex-col md:flex-row space-x-5 items-center text-white">
        <div class="">
           <img class="h-4 w-auto md:h-6" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1">
        </div>
        <div class="flex-1 text-center px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Sua loja virtual para motopeças</span>
        </div>
        <div class="">
          <div class="flex justify-between items-center space-x-3">
              <a target="_blank" href="https://www.youtube.com/c/PPKMotoparts" class="transition duration-500" title="Ver página Youtube">
                 <i class="fab fa-youtube text-xl"></i>
              </a>
              <a target="_blank" href="https://www.instagram.com/ppkmotoparts/" class="transition duration-500" title="Ver página Instagram"> 
                <i class="fab fa-instagram text-xl"></i>
              </a>
              <a target="_blank" href="https://www.facebook.com/ppkmotoparts" class="transition duration-500"  title="Ver página Facebook">
                 <i class="fab fa-facebook text-xl"></i>
              </a>
          </div>
        </div>
        <div class="flex-1 text-right px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Atendimento de segunda a sexta das 8h00 às 17h45</span>
        </div>
        
      </div>
    </div>
    
    <!--Menus-->
    <div class="pb-3">
        <div class="flex gap-4">
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Políticas
              </div>
               <a href="/entrega" title="entrega" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Entrega</div>
                </div> 
              </a>
               <a href="/troca-devolucao" title="Trocas e Devoluções" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Trocas e Devoluções</div>
                </div> 
              </a>
               <a href="/privacidade" title="Política de Privacidade" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Privacidade</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Institucional
              </div>
               <a href="/quem-somos" title="Quem Somos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Quem Somos</div>
                </div> 
              </a>
               <a href="/onde-estamos" title="Lojas" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Onde Estamos</div>
                </div> 
              </a>
               <a href="/como-comprar" title="Como Comprar" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Como Comprar</div>
                </div> 
              </a>
               <a href="https://forms.gle/FNox6NYFCq17fYzn7" title="Avaliação NPS" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Avalie-nos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Mídia
              </div>
               <a href="https://www.youtube.com/c/PPKMotoparts" title="Vídeos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Vídeos</div>
                </div> 
              </a>
               <a href="/catalogos-motopecas" title="Manuais e Catálogos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Catálogos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Contato
              </div>
               <a href="/representantes" title="Representantes" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Representantes</div>
                </div> 
              </a>
               <a href="/contato" title="Contato" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Comercial PPK</div>
                </div> 
              </a>
          </div>
          </div>
  
        </div>
        
    <!--Categoria-->
    <div class="pb-3 border-t">
        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 text-xs">
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Caixa de Direção para Moto
              </div>
              <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 100
              </a>
                <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 125
              </a>
              <a href="/busca?q=H004" title="Caixa de Direção Bros 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Bros 150 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fan 125" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 125 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+ys150+fazer" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+fazer+250" title="Caixa de Direção Fazer 250" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 250
              </a>
              <a href="/busca?q=caixa+dire%C3%A7%C3%A3o+cg150" title=" Caixa de Direção Titan 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Partida
              </div>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Biz 100
              </a>
              <a href="/busca?q=pedal+partida+CG125" title="Pedal de Partida CG 125" class="my-1 block text-red-200 hover:underline">
               Pedal de Partida CG 125
              </a>
              <a href="/produto/pedal-partida-dt180-ppk-y302-ppk/1648772" title="Pedal de Partida DT 180" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida DT 180
              </a>
              <a href="/produto/pedal-de-partida-honda-cg125-titan-ks-es-fan-02-gt-04-cromado-ppk-h301-ppk/1648771" title="Pedal de Partida Fan 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Fan 125
              </a>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Pop 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Pop 100
              </a>
              <a href="/busca?q=Pedal+Partida+CG150" title=" Pedal de Partida Titan 150" class="my-1 block text-red-200 hover:underline">
                  Pedal de Partida Titan 150
              </a>
              <a href="/produto/pedal-partida-ybr125-factor-ppk-y301-ppk/1648768" title="Pedal de Partida YBR 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida YBR 125
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Câmbio
              </div>
              <a href="/produto/pedal-cambio-biz-c125-es-ks-ppk-h406-ppk/1648781" title="Pedal de Câmbio Biz 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Biz 125
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Câmbio CG 125" class="my-1 block text-red-200 hover:underline">
                  Pedal de Câmbio CG 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Câmbio Titan 150" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                 Pedal de Marcha
              </div>
              <a href="/busca?q=BIZ%20C100&filter=categoriaNome:%22Pedal%20de%20C%C3%A2mbio%22" title="Pedal de Marcha Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha Biz 100
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Marcha CG 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha CG 125
              </a>
              <a href="/produto/pedal-de-cambio-honda-cg125-titan-ks-es-fan-cromado-ppk-h401-ppk/1648775" title="Pedal de Marcha Fan 125" class="my-1 block text-red-200 hover:underline">
                 Pedal de Marcha Fan 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Marcha Titan 150" class="my-1 block text-red-200 hover:underline">
               Pedal de Marcha Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                Rolamento de Moto
              </div>
              <a href="/busca?q=125" title="Rolamento de Moto 125" class="my-1 block text-red-200 hover:underline">
                Rolamento de Moto 125
              </a>
              <a href="/produto/rolamento-da-embreagem-honda-cg125-titan-fan-lado-direito-09-gt-cg150-titan-fan-04-gt-nxr150-bros-06-gt-cg160-titan-fan-nxr-160-bros-cg160-start-todos-t105e-crypton-eixo-comando-de-valvulas-direito-t115e-crypton-eixo-de-comando-ybr125-factor-125-eixo-de-comando-direito-xtz125-eixo-de-comando-esquerdo-6003-2rsc3-ppk/1646621" title="Rolamento Embreagem Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Embreagem Titan 150
              </a>
              <a href="produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer-roda-dianteira-honda-cg125-titan-fan-6202-2rsc3-ppk/2818" title="Rolamento Roda Dianteira Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Fazer 250
              </a>
              <a href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx150-transmissao-cg150-fan-titan-biz-c100-c125-pop100-factor-125-nxr150-bros-yamaha-ybr125-6201-2rsc3-ppk/490" title="Rolamento Roda Dianteira PCX 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira PCX 150
              </a>
              <a href="/produto/rolamento-de-roda-honda-biz-c100-98-gt-05-c100-dream-cg125-fan-today-titan-roda-dianteira-nxr125-150-bros-03-gt-yamaha-roda-dianteira-factor-125-150-roda-traseira-crypton-105-6301-2rsc3-green-ppk/348" title="Rolamento Roda Dianteira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Titan 150
              </a>
              <a href="/produto/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk/348" title="Rolamento Roda Traseira Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Biz 125
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6303-2rsc3-ppk/1778" title="Rolamento Roda Traseira Bros 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Bros 150
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk/1777" title="Rolamento Roda Traseira CG 150" class="my-1 block text-red-200 hover:underline">
               Rolamento Roda Traseira CG 150
              </a>
              <a href="/produto/rolamento-da-roda-traseira-para-honda-cg150-fan-cg150-titan-yamaha-factor125-150-ybr125-ys150-fazer-ys250-fazer-transmissao-xr200-cbx200-strada-6004-2rsc3-green-ppk/2814" title="Rolamento Roda Traseira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
               Rolamento do Virabrequim
              </div>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Biz 100" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 100
              </a>
              <a href="/busca?q=Virabrequim+Biz+125" title="Rolamento do Virabrequim Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 125
              </a>
              <a href="/produto/rolamento-do-virabrequim-yamaha-ys250-fazer-06-gt-10-honda-cg-turuna-todos-os-modelos-cg125-titan-fan-todos-ate-1999-xls125-xlr125-todos-63-28-rsc3-ppk/14966" title="Rolamento do Virabrequim Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Fazer 250
              </a>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Pop 100" class="my-1 block text-red-200 hover:underline">
               Rolamento do Virabrequim Pop 100
              </a>
              <a href="/busca?q=virabrequim+titan+cg150" title="Rolamento do Virabrequim Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Titan 150
              </a>
               <a href="/produto/rolamento-do-virabrequim-yamaha-t105e-crypton-ybr125-factor125-xtz125-dir-esq-transmissao-ys250-fazer-06-gt-10-xtz250-lander-todos-lado-direito-6205-2rsc3-green-ppk/79" title="Rolamento do Virabrequim YBR 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim YBR 125
              </a>
          </div>
        </div>
     </div>
  </div>
  </div>
   
  <div class="px-5 py-2 bg-red-900 text-center items-center justify-between">
    <div class="container flex flex-col px-2 py-0 mx-auto">
      <span class="text-xs text-white">PPK Motoparts - @ Copyright 2003-2021</span>
    </div>
  </div>
  
  <a id="backToTop" class="hidden" href="javascript:void(0);">
   <div class="fixed bottom-4 left-4">
   <div class="bg-yellow-500 text-yellow-900 bg-opacity-50 hover:bg-opacity-90 h-12 w-12 text-center font-extrabold flex items-center justify-center rounded-full">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M5 10l7-7m0 0l7 7m-7-7v18" />
      </svg>
   </div>
   </div>
  </a>
  
</div>


    <div class="floating-wpp z-30 text-gray-900" style=" font-family: 'Nunito', sans-serif;" ></div>
       <!-- Loading Foot Website -->

<div id="alert-success" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-green-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
    </svg>
    <span id="content-success" class="text-green-800"></span>
  </div>
</div>

<div id="alert-error" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
   <svg viewBox="0 0 24 24" class="text-red-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
    </svg>
    <span id="content-error" class="text-red-800"></span>
  </div>
</div>

<div id="alert-info" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-blue-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-blue-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
    </svg>
    <span id="content-info" class="text-blue-800"></span>
  </div>
</div>
<script type="text/javascript">
    document.body.addEventListener("showMessage", function(evt){
        
        console.log(evt);
        
        if(evt.detail.type !== undefined && evt.detail.type !== null){
            var type = evt.detail.type,
                div  =  document.getElementById(`alert-${type}`),
                text =  document.getElementById(`content-${type}`);
            
            if( evt.detail.code !== undefined && evt.detail.type === 'error' )
            {
                evt.detail.message += ` - Código: ${evt.detail.code}`;
            }
            
            text.innerHTML = evt.detail.message;
            
            div.classList.remove("hide");
            window.setTimeout(function(){
                 div.classList.add("hide");
            },5000);
        }
        
    })
</script>



<script>
    let progress = 0;
    let invervalSpeed = 10;
    let incrementSpeed = 1;
    document.addEventListener("DOMContentLoaded", function(){
        let bar = document.getElementById('bar');
        if(bar !== null){
            progressInterval = setInterval(function(){
                progress += incrementSpeed;
                bar.style.width = progress + "%";
                if(progress >= 100){
                    clearInterval(progressInterval);
                }
            }, invervalSpeed);
        }
    });
</script>

<script src="https://www.marketformation.com.br/cdn/vendor/autocomplete/v10.2.6.min.js"></script>
<script>
    // Check if an element currently exists
    if ($('#search').length)
    {
         //AutoComplete para Desktop
         const autoCompleteJS = new autoComplete({
        placeHolder: "Pesquisar Produto",
        selector: "#search",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            // Normalize by removing special characters and converting to lower case
            const normalizeText = text => text.toLowerCase().replace(/[\W_]+/g, "");
            const normalizedQuery = normalizeText(query);
        
            // Split the normalized query into words for partial matching
            var queryWords = normalizedQuery.split(" ");
            var normalizedRecord = normalizeText(record);
        
            // Check if all query words are included in the record
            var matchFound = queryWords.every(word => normalizedRecord.includes(word));
            
            if (matchFound) {
                // Highlight matched words in the original record
                queryWords.forEach(word => {
                    var regex = new RegExp(word, "gi");
                    record = record.replace(regex, (matched) => `<mark>${matched}</mark>`);
                });
                return record;
            }
            return false; // Return false if no match is found
        },

        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer text-gray-900",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                focus: (event) => {
                    autoCompleteJS.input.select();
                },
                click: (event) => {
                    autoCompleteJS.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJS,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            console.log("teste");
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJS.input.value = clicked;
                    autoCompleteJS.input.form.submit();
                }
            }
        }
    });
    }
    
    // Check if an element currently exists
    if ($('#search-mobile').length)
    {
        //AutoComplete para Mobile
        const autoCompleteJSMobile = new autoComplete ({
        placeHolder: "Pesquisar Produto",
        selector: "#search-mobile",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            query = query.trim().replace(/\s\s+/g, ' ');
            
            var list = query.toLowerCase().split(" "),
                search = record.normalize("NFD").replace(/[\u0300-\u036f]/g, ""),
                found = list.every(item => search.toLowerCase().includes(item.normalize("NFD").replace(/[\u0300-\u036f]/g, "")));
                
            if(found){
                for(let i = 0; i < list.length; i++){
                    var item  = list[i],
                        words = record.toLowerCase().split(" "),
                        records = record.split(" "),
                        regex = null;

                    if(words.indexOf(item) !== -1){
                        records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                        record = records.join(" ");
                    }else{
                        words = search.toLowerCase().split(" ");
                        if(words.indexOf(item) !== -1){
                            records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                            record = records.join(" ");
                        }else{
                            regex = new RegExp(item, "ig");
                            record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                        }
                    }
                    //var regex = new RegExp(item, "ig");
                    //record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                }
                return record;   
            }
        },
        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                selection: (event) => {
                    const selection = event.detail.selection.value;
                    autoCompleteJS.input.value = selection;
                },
                click: (event) => {
                    // alert("Input Field in click!");
                    autoCompleteJSMobile.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJSMobile,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    //console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJSMobile.input.value = clicked;
                    autoCompleteJSMobile.input.form.submit();
                }
            }
        }
    });
    }
</script>

<script type="text/javascript">
    
    $("#select-transporter").selectize({
      valueField: "transportadoraID",
      labelField: "transportadoraNome",
      searchField: "transportadoraNome",
      inputClass: "selectize-custom-input rounded bg-white text-gray-700 p-4 flex last:bg-red-500",
      loadingClass: 'loading',
      create: false,
      render: {
        option: function (item, escape) {
          return (
              '<div class="p-4 hover:bg-gray-100 border border-gray-100" _="on click remove .hidden from #loading">'+
              '<span>'+escape(item.transportadoraNome)+'<span>'+
              '</div>'
            );
        },
      },
      load: function (query, callback) {
        if (!query.length) return callback();
        $.ajax({
          url: "/services/transporters?q=" + encodeURIComponent(query),
          dataType: 'json',
          type: "GET",
          error: function () {
            callback();
          },
          success: function (res) {
            console.log("response", res);
            callback(res.hits.slice(0, 10));
            
          },
        });
      },
      onChange: function (value) {
        // console.log('Valor Novo: ', value);
        if(value !== ''){
            $.ajax({
              url: "/checkout/update",
              dataType: 'json',
              type: "POST",
              data: {
                transporte_id: value
              },
              success: function (res) {
                console.log("response", res);
              },
            });   
        }
      }
    });
</script>


<script>
function onClick(e) {
e.preventDefault();
grecaptcha.ready(function() {
  grecaptcha.execute('6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I', {action: 'submit'}).then(function(token) {
      // Add your logic to submit to your backend server here.
  });
});
}


</script>

     </div>
  </body>
  
    <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-899BH30JVM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-899BH30JVM');
  </script>
  </html>